/*
 * @Author: Bonnie
 * @Date: 2021-12-02 18:14:46
 * @LastEditTime: 2022-01-25 16:11:51
 * @LastEditors: lee_124
 * @Description:
 * @FilePath: /public_demo/src/router/index.js
 */
import Vue from "vue";
import VueRouter from "vue-router";
import Home from "../views/Home.vue";

Vue.use(VueRouter);

const routes = [
  {
    path: "/",
    name: "Home",
    component: Home,
  },
  {
    path: "/triangle_with_hover",
    component: () => import("../views/triangle_with_hover"),
  },
  {
    path: "/selection",
    component: () => import("../views/selection"),
  },
  {
    path: "/nav_hover",
    component: () => import("../views/nav_hover"),
  },
  {
    path: "/rotating_ring",
    component: () => import("../views/rotating_ring"),
  },
  {
    path: "/scroll_into_view",
    component: () => import("../views/scroll_into_view"),
  },
  {
    path: "/api_proxy",
    component: () => import("../views/api_proxy"),
  },
  {
    path: "/edit_div",
    component: () => import("../views/edit_div"),
  },
  {
    path: "/file",
    component: () => import("../views/file"),
  },
  {
    path: "/shrinkage",
    component: () => import("../views/shrinkage"),
  },
  {
    path: "/dynamic_path",
    component: () => import("../views/dynamic_path"),
  },
  {
    path: "/vue_transition",
    component: () => import("../views/vue_transition"),
  },
  {
    path: "/video_list",
    component: () => import("../views/video_list"),
  },
  {
    path: "/adaptive",
    component: () => import("../views/adaptive"),
  },
  {
    path: "/clickEffect",
    component: () => import("../views/clickEffect/water_texture"),
  },
  {
    path: "/angle_mark",
    component: () => import("../views/angle_mark"),
  },
  {
    path: "/js_skill",
    component: () => import("../views/JsSkill"),
  },
  {
    path: "/css_hide",
    component: () => import("../views/cssHide"),
  },
  {
    path: "/quick",
    component: () => import("../views/quick"),
  },
  {
    path: "*",
    name: "NotFound",
    component: () => import("../views/not_found"),
  },
];

const router = new VueRouter({
  mode: "history",
  base: process.env.BASE_URL,
  routes,
});

export default router;
